<!DOCTYPE html>
<html lang="en">

<head>
    <title>Project</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- <link rel="icon" href="img/favicon.ico"> -->

    <link href="./css/style_main.css" rel="stylesheet" type="text/css">
    <link href="./css/animate.css" rel="stylesheet" type="text/css">
    <link href="./css/materialdesignicons.min.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />

    <script src="./js/jquery-3.2.1.min.js"></script>
    <script src="./js/jquery.mousewheel.min.js"></script>
    <script src="./js/jquery.mods_animateCss.js"></script>
    <script src="./js/script_main.js"></script>
</head>

<body>
    <div class="main_warp" current="0" index="2" animate="false">
        <div class="logo"></div>
        <ul>
            <li>
                <div type="video" mask="true">
                    <video autoplay muted loop>
                        <source src="./img/page1.mp4" type="video/mp4">
                        </souece>
                    </video>
                </div>
                <div type="content">
                    <div class="text_page1_weltext">
                        <p>TRENDESTTER</p>
                        <p>汇聚全球摄影作品</p>
                    </div>
                </div>
            </li>
            <li>
                <div type="video">

                </div>
                <div type="content">
                    <div class="container">
                        <div style="background:url('./img/thumbs/thumb1.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb2.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb3.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb4.jpg')"></div>
                        <div class="clear"></div>

                        <div style="background:url('./img/thumbs/thumb5.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb6.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb7.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb8.jpg')"></div>
                        <div class="clear"></div>

                        <div style="background:url('./img/thumbs/thumb9.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb10.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb11.jpg')"></div>
                        <div style="background:url('./img/thumbs/thumb12.jpg')"></div>
                        <div class="clear"></div>
                    </div>
                </div>
            </li>
            <li>
                <div type="video" mask="true">
                    <video autoplay muted loop>
                        <source src="./img/page2.mp4" type="video/mp4">
                        </souece>
                    </video>
                </div>
                <div type="content">
                </div>
            </li>
        </ul>
    </div>
    <div class="main_menu" menuopen="false" state="false">
        <div>
            <span class="mdi mdi-menu"></span>
            <h4>MENU</h4>
        </div>

        <ul>
            <li>
                <span>首页</span>
            </li>
            <li>
                <span>活动</span>
            </li>
            <li>
                <span>短视频</span>
            </li>
            <li>
                <span>发现</span>
            </li>
            <li>
                <span>交流</span>
            </li>
            <li>
                <span>更多</span>
            </li>
        </ul>
    </div>
    <div class="audio_assembly">
        <audio autoplay="" loop="" id="audio" src="./img/back_audio.mp3"></audio>
        <div class="audio_btn" menustate="false">
            <span position="btn_text">SOUND</span>
            <span position="btn_left"></span>
            <span position="btn_center"></span>
            <span position="btn_right"></span>
            <span position="btn_state">NO</span>
            <span position="btn_change"></span>
        </div>
    </div>
</body>

</html>